<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <link rel="stylesheet" href="/public/css/index.css" type="text/css" rel="stylesheet">
  <link rel="stylesheet" href="/public/font_2707998_h3j5msd3er/iconfont.css" type="text/css" rel="stylesheet">
  <script src="./socket.io/socket.io.js"></script>
  <script src="/public/js/index.js" type="text/javascript"></script>
</head>

<body>
  <audio src="/public/audio/3761.wav" id="au"></audio>
  <div class="login">
    <h3>用户登入</h3>
    <p>用户名</p>
    <input type="text" placeholder="请输入用户名">
    <p>请选择头像</p>
    <ul>
      <li><img src="/public/imgs/1.png" alt=""></li>
      <li><img src="/public/imgs/2.png" alt=""></li>
      <li><img src="/public/imgs/3.png" alt=""></li>
      <li><img src="/public/imgs/4.png" alt=""></li>
    </ul>
    <button>登入</button>
  </div>
  <div class="speak">
    <div class="left">
      <div></div>
      <h4>用户列表</h4>
      <ul>
      </ul>
    </div>
    <div class="right">
      <h4>聊天室<span>(2)</span></h4>
      <ul>
        <li class="b">
          <img src="/public/imgs/1.png" alt=""><span>小姐姐</span>
          <p> 今天天气很好！</p>
        <li class="d"></li>
        </li>
      </ul>
      <div>
        <span class="iconfont icon-wenjian"></span>
        <span class="iconfont icon-jietu"></span>
        <span class="iconfont icon-jietu"></span>
        <textarea name="text" id="" cols="30" rows="3"></textarea>
        <button>发送</button>
      </div>
    </div>
  </div>

</body>

</html>